Si scriva il codice javascript necessario ad implementare la seguente funzionalità in una pagina HTML: passando sopra un elemento di classe “A” (evento onmouseover), per la prima volta, l’elemento viene evidenziato colorando di verde il suo bordo (proprietà di style borderColor), il suo tag HTML (proprietà tagName) viene concatenato un elemento di lista (<li>tagName</li>) ad una lista predefinita e il colore dello sfondo (proprietà di stile backgroundColor) assume il colore selezionato in un menu a tendina predefinito. Quando si passa sullo stesso elemento dalla seconda volta in poi, si eseguono le stesse operazioni esclusa la concatenazione del tag alla lista (suggerimento: la condizione può essere memorizzata in una proprietà locale all’elemento). Quando si esce dall’elemento (evento onmouseout) il colore del bordo deve essere ripristinato al valore originale.
Paragrafo di classe A con colore di bordo lavender
Paragrafo con colore di bordo lightcoral
Paragrafo di classe A con colore di bordo lightskyblue